<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
           String path = request.getContextPath();
           String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="static/css/shortcut.css" rel="stylesheet" type="text/css">
<title>Insert title here</title>
<base href="<%= basePath%>">
</head>
<body>
<div id="test"></div>
<div id="zhuce">
					<div class="zhuce-title">
							<h1>欢迎注册联想会员</h1>
    						<div onclick="guan()" class="close"></div>
    				</div>
    				<div class="zhuce-input">
    					<p><lable>账号</lable><input class="account" placeholder="请输入手机号"/></p>
    				</div>
    				<div class="enroll_inputaa ">
    					<p>请输入正确的格式</p>
    				</div>
    				<div class="enroll_inputb">
    					<p><lable>密码</lable><input type="password" class="account" placeholder="密码长度8~20位,数字、字母、字符至少包含两种"/></p>
    				</div>
    				<div class="enroll_inputbb ">
    					<p>请输入正确的格式</p>
    				</div>
    				<div class="enroll_inputc">
    					<p><lable>确认密码</lable><input type="password"class="account" ></p>
    				</div>
    				<div class="enroll_inputaa errorRepwd">
    					<p class="error">确认密码和密码不一致，请重新输入</p>
    				</div>
    				<div class="enroll_inputd">
    					<p><lable>验证码</lable><input type="text" class="captcha_code"></p><img src="" class="yanzhengma"/><span class="huan">换一张</span>
    				</div>
    				<div class="enroll_inputaa">
    					<p>验证码格式错误</p>
    				</div>
    				  <div class="enroll_inputd">
    					<p><lable>手机验证码</lable><input type="text" class="captcha_code"></p><button class="mobile_captcha" style="margin-left:3px;width: 120px; background: #c2c2c2;border: none;    height: 28px;cursor: poiner;">获取手机验证码</button>
    				</div>
    				<div class="enroll_inputaa"></div>
    				<div class="enroll_main">
    					<lable>
    						<input type="checkbox" class="chk"/>
    						<p>同意联想的<a>使用条款</a>和<a>隐私权政策</a></p>	
    					</lable>
    				</div>
    				<div class="enroll_btn">
    						<a>立即注册</a>
    				</div>
				</div>
		<div id="kuai">
					<div class="login">
						<div class="now">普通登录</div>
						<div class="nows">快捷登录</div>
						<div onclick="cancel_shield()" class="close"></div>
					</div>
					<div class="login-input">
						<div class="use">
							<img src="static/img/icon03.jpg" class="input-img"/>
							<input type="text" name="" class="name1" placeholder="请输入手机号或邮箱"/>
						</div>
					</div>
					<div class="yanzheng">
							<div class="yz-img">
								<img src="static/img/icon04.jpg"/>
							</div>
					
							<input type="text" class="code" placeholder="请输入验证码"/><img id="yzm" src="getcaptcha" onclick="changeImg();return false;" class="yanzhengma"><span class="huan" onclick="changeImg();return false;" >换一张</span>
					</div>
					<div class="input-b">
						<div class="imgs">
							<img src="static/img/icon03.jpg"/>
							<input type="text" class="dongtai" placeholder="动态密码"/>
						</div>
						<button class="getMobileCode" style="display: block; float:right;" latag="latag_pc_login_getMobileCode">获取动态密码</button>	
					</div>

					<div class="login-main">

					</div>
					<div class="zidong">
						<input type="checkbox" name="" class="persistent"><p>自动登录</p>
					</div>
					<div class="login-btn">
						<a>登录</a>
					</div>
					<div class="login-zhu">
						<p>
							<a class="zhuc" onclick="zhu()">立即注册</a>
							<a class="mima">忘记密码</a>
						</p>
					</div>
					<div class="cooperation">
						使用合作网站账号登录:
						<div class="cooperation_items">
							<a>
								<img src="../static/img/ico_qq.png"/>
								<img src="../static/img/ico_wc.png"/>
								<img src="../static/img/ico_sina.png"/>
								<img src="../static/img/ico_zfb.png"/>
							</a>
						</div>
					</div>
				</div>

</body>
</html>
	<script src="static/js/jquery-3.1.0.js"></script>

		<script type="text/javascript">
	//登录框
	function shield(){
	    var s = document.getElementById("test");
	    s.style.display = "block";
	    var l = document.getElementById("denglu");
	    l.style.display = "block";
	}
	function cancel_shield(){
	    var s = document.getElementById("denglu");
	    s.style.display = "none";
	    
	    var l = document.getElementById("test");
	    l.style.display = "none";
	}
	function zhu(){
	    var z = document.getElementById("zhuce");
	    z.style.display="block";
	    var l = document.getElementById("test");
	    l.style.display = "block";
	    var s = document.getElementById("denglu");
	    s.style.display = "none";
	}
	function guan(){
	    var q = document.getElementById("zhuce");
	    q.style.display="none";
	    var l = document.getElementById("test");
	    l.style.display = "none";
	    var s = document.getElementById("denglu");
	    s.style.display = "none";
	}
	$('.now').click(function(){
		$('#kuai').empty();
		$('#kuai').load("jsps/jie.jsp");
	});	

	//点击更换图形验证码
	function changeImg(){
		var imgs = document.getElementById('yzm');
		imgs.src = "getcaptcha?temp="+new Date().getTime().toString();
	}
	
	$('input[name=yz]').blur(function(){
		//ajax访问后台
		$.get("regist",{yz:$(this).val()},
			function(data){
				//把错误信息回显到页面
				$('.errors').text(data);
				$('.enroll_inputaa').css({"display":"block"});
		});
	});
	
</script>